.login-container {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  // background-color: #eee;

  // 登录页背景图片
  .login-bg {
    position: fixed;
    left: 0;
    bottom: -30%;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  .el-row {
    height: 100%;
    // 登录页左侧插图
    .login-svg {
      width: 900px;
      height: 800px;
      transition: all 0.3s;
      cursor: pointer;
    }

    // 登录表单
    .login-form {
      width: 380px;
      text-align: center;
      overflow: hidden;

      // 系统名称样式
      .system-name {
        font-size: 32px;
        color: $green;
        margin: 10px 0;
      }
    }
  }
}

// 调整 form 表单相关样式
.el-form {
  // 调整表单宽度
  width: 100%;

  // 调整 item 项之间的间隔
  .el-form-item {
    margin-top: 25px;
  }

  // 调整 item 项高度
  .el-input__wrapper {
    height: 42px;
  }

  // 登录页-按钮列表样式
  .button-list {
    .el-form-item__content {
      display: flex;
      justify-content: space-between;

      .el-button {
        flex: 0.3;
      }
    }
  }
  .footer-btn {
    margin-bottom: 25px;
  }
  // 多种登录方式样式
  .icon-class {
    color: #6b727f;
    cursor: pointer;
    &:hover {
      color: $green;
    }
  }
  // 忘记密码
  .forget {
    color: $green;
    cursor: pointer;
  }
}
// 调整 输入框 icon 大小
.login-iconSize {
  width: 14px !important;
  height: 14px !important;
}

.captcha,
.phoneCode {
  .el-form-item__content {
    flex-wrap: nowrap !important;
  }
}
// 手机登陆样式
.phoneCode {
  .el-input {
    margin-right: 15px;
  }
}

// 验证码组件样式
.img-verify {
  width: 120px;
  height: 42px;

  canvas {
    cursor: pointer;
  }
}
